<template>
  <div>

    <h1 class="q">网上选课系统</h1>

    <div class="two">

      <el-button size="medium" type="primary" @click="goToHome()">进入→→→</el-button>

    </div>

    <div class="login-wrap" style="background-color: darkslateblue; height: 100vh;width: 100%;overflow: hidden">


    </div>

  </div>
</template>

<script>
export default {
  name: "FrontLogin",
  methods: {
    goToHome() {
      this.$router.push('/home')
    }
  }
}
</script>

<style scoped>
.login-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(../assets/img/bg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: -1;
  filter: brightness(0.3);
}

h1 {
  color: white;
  font-family: 楷体;
  font-weight: bold;
  text-align: center;
  padding-top: 250px;
  font-size: 60px;
  position: absolute;
  text-shadow: 1px 2px 5px skyblue;
}

.two {
  padding-left: 710px;
  position: absolute;
  padding-top: 350px;
}

.q {
  text-align: center;
  padding-left: 594px;
  position: absolute;
}
</style>
